<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>SplitContainer Demo</title>
    <style type="text/css">
        @import "../dojo-release-1.0.0/dijit/themes/tundra/tundra.css";
        @import "../dojo-release-1.0.0/dojo/resources/dojo.css"
    </style>
    <script type="text/javascript" src="../dojo-release-1.0.0/dojo/dojo.js"
        djConfig="parseOnLoad: true"></script>

 <script>
        dojo.require("dojo.data.ItemFileReadStore");
	dojo.require("dojo.data.ItemFileWriteStore");
	dojo.require("dijit.layout.SplitContainer");
        dojo.require("dijit.layout.ContentPane");
        dojo.require("dijit.Tree");
        dojo.require("dojo.parser");
	dojo.require("dijit._tree.dndSource");
        dojo.require("dijit.layout.TabContainer");
        dojo.require("dijit.form.Button");
   

</script>
<script type="text/javascript" src="../js/soapclient.js">
        </script>
<script type="text/javascript"> 

 var data =new Array();
 var item;
    
          	var url = "http://localhost:8080/logistics-ws/services/BasicManageService";
            
                 
            var pl = new SOAPClientParameters();
            pl.add('eType','1') ;
            SOAPClient.invoke(url, "getEnumerationByType", pl, false,  function GetEnu_callBack(ul, soapResponse){
              
				ul=ul.out;

        		for(var i = 0; i < ul.length; i++){		
			 
			 data[i]= {name: ul[i].id,type: 'area'};

              		  }})
		//alert(data);
	var poptarts ={ label:'type',identifier:'name',items:data};
        var popStore = new dojo.data.ItemFileWriteStore({data: poptarts});


       //add  treeNode
	var pInfo = {
					parent: null,		
					attribute: "children"	
				};

			
				popStore.newItem({name:'fh', type:'area'}, pInfo);



	

</script>
</head>
<body class="tundra">
       
	
	 <div dojoType="dijit.layout.SplitContainer"
                orientation="horizontal"
                sizerWidth="7"
                activeSizing="true"
                style="border: 1px solid #bfbfbf; width: 1260px; height: 840px;">
		
		
                <div dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="20" >
                     
                        <div dojoType="dijit.Tree" store="popStore" labelAttr="name"  childrenAttr="children" query= {type:'area'} ></div>
                </div>
                <div dojoType="dijit.layout.ContentPane" sizeMin="50" sizeShare="50">

   <div id="mainTabContainer" dojoType="dijit.layout.TabContainer"
        style="width:500px;height:100px">
      <div id="LittleRed" dojoType="dijit.layout.ContentPane" title="地点">
      Once upon a time there was a dear little girl who was loved by
      every one who looked at her, but most of all by her grandmother,
      and there was nothing that she would not have given to the child.
      </div>
      <div id="HanselGretel" dojoType="dijit.layout.ContentPane"
           title="路线" closable="true" selected="true">
      Hard by a great forest dwelt a poor wood-cutter with his wife
      and his two children. The boy was called Hansel and the girl Gretel.
      He had little to bite and to break, and once when great dearth fell
      on the land, he could no longer procure even daily bread.
      </div>
      
</div>

                       
                </div>
        </div>
</body></html>
